<template>
	<el-card class="form-container">
		<el-form :model="feedbackDetail" label-width="100px">
			<el-form-item label="客户名称" prop="userName">
				<el-input v-model="feedbackDetail.userName" readonly></el-input>
			</el-form-item>
			<el-form-item label="反馈图片" prop="feedbackImage">
				<el-input v-model="feedbackDetail.feedbackImage" readonly></el-input>
			</el-form-item>
			<el-form-item label="反馈内容" prop="feedbackContent">
				<el-input v-model="feedbackDetail.feedbackContent" readonly></el-input>
			</el-form-item>
			<el-form-item label="反馈时间" prop="createTime">
				<el-input v-model="feedbackDetail.createTime" readonly></el-input>
			</el-form-item>
			<el-form-item label="反馈ip地址" prop="feedbackIp">
				<el-input v-model="feedbackDetail.feedbackIp" readonly></el-input>
			</el-form-item>
			<el-form-item label="反馈版本" prop="feedbackVersion">
				<el-input v-model="feedbackDetail.feedbackVersion" readonly></el-input>
			</el-form-item>
			<el-form-item label="反馈渠道" prop="feedbackChannel">
				<el-input v-model="feedbackDetail.feedbackChannel" readonly></el-input>
			</el-form-item>
			<el-form-item>
				<el-button @click="close">关闭</el-button>
			</el-form-item>
		</el-form>
	</el-card>
</template>

<script>
	import { findFeedbackDetail ,modifyFeedBackStatus} from '@/api/platform/feedback'
	export default {
		name: 'view-feedback',
		data() {
			return {
				feedbackDetail: {}
			}
		},
		created() {
			this.view(this.$route.query.id)
			this.modifyStatus(this.$route.query.id)
		},
		methods: {
			view(val) {
				findFeedbackDetail(val).then(res => {
					this.feedbackDetail = res.data.responseData
				})
			},
			modifyStatus(val){
				modifyFeedBackStatus(val)
			},
			close() {
				this.$router.go(-1)
			}
		}
	}
</script>

<style>
</style>
